<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>白色简洁计算器</title>

<link rel="stylesheet" type="text/css" href="css/css.css">

<script type="text/javascript" src="js/script.js"></script>

</head>
<body>

<div id="calcuator">
	<input type="text" id="input-box" value="0" size="21" maxlength="21" readonly="readonly" />
	<div id="btn-list">
		<div onclick="operator('clear')" class=" btn-30 btn-radius color-red clear-marginleft">C</div>
		<div onclick="operator('opposite')" class=" btn-30 btn-radius color-blue">+/-</div>
		<div onclick="operator('percent')" class=" btn-30 btn-radius color-blue">%</div>
		<div onclick="operator('backspace')" class=" btn-70 btn-radius color-red font-14">←</div>
		<div onclick="typetoinput('7')" class=" btn-30 btn-radius clear-marginleft">7</div>
		<div onclick="typetoinput('8')" class=" btn-30 btn-radius">8</div>
		<div onclick="typetoinput('9')" class=" btn-30 btn-radius">9</div>
		<div onclick="operator('plus')" class=" btn-30 btn-radius color-blue font-14">+</div>
		<div onclick="operator('minus')" class=" btn-30 btn-radius color-blue font-14">-</div>
		<div onclick="typetoinput('4')" class=" btn-30 btn-radius clear-marginleft">4</div>
		<div onclick="typetoinput('5')" class=" btn-30 btn-radius">5</div>
		<div onclick="typetoinput('6')" class=" btn-30 btn-radius">6</div>
		<div onclick="operator('multiply')" class=" btn-30 btn-radius color-blue font-14">×</div>
		<div onclick="operator('divide')" class=" btn-30 btn-radius color-blue font-12">÷</div>
		<div onclick="typetoinput('1')" class=" btn-30 btn-radius clear-marginleft">1</div>
		<div onclick="typetoinput('2')" class=" btn-30 btn-radius">2</div>
		<div onclick="typetoinput('3')" class=" btn-30 btn-radius">3</div>
		<div onclick="operator('pow')" class=" btn-30 btn-radius color-blue font-14">×²</div>
		<div onclick="operator('sqrt')" class=" btn-30 btn-radius color-blue font-12">√</div>
		<div onclick="typetoinput('0')" class=" btn-70 btn-radius clear-marginleft">0</div>
		<div onclick="typetoinput('.')" class=" btn-30 btn-radius">.</div>
		<div onclick="operator('result')" class=" btn-70 btn-radius color-red font-14">=</div>
	</div>
</div>
</body>
</html>
